<template>
    <ul  class="course_type_list" >
        <li  v-for="(course,index) in courses " v-bind:key="index">
            <coursecard :course="course"></coursecard>
        </li>
    </ul>
</template>
<script>
import coursecard from "./coursecard.vue";
export default {
    components:{
        coursecard:coursecard
    },
    data(){
        return{
            courses:[
            ]
        }
    },created(){
        this.axios.get(this.baseUrl+"course/all")
        .then(res=>{
            console.log(res.data.data);
            alert(res.data.data);
            this.courses=res.data.data;
        })
    }
}
</script>
<style  scoped>
    @import "../../assets/css/course.css";
</style>
